@charset "utf-8";

/* ================================== 【官方网站】技术支持：凡高科技——银灵子==================================== */

body{  position: relative;     min-width: 1240px; background:#ffff;}

.j_body{ position: relative;}

.main_box{ position:relative; margin:0 auto; width:1200px;}

.main_box_small{ position:relative; margin:0 auto; width:1115px;}

input{outline: none;}



/*===============================================header================================================*/

#header{     }

#header .main_box{  position:relative;}

#header #top_bar{height:35px;  height:35px; background: #f2f2f2;line-height:35px;}

#header #top_bar .biaoyu{color:#504f50;font-size:12px;line-height:35px;}

#header .link_box{ position:absolute; top:0; right:0;}

#header .link_box a{padding:0 10px;background:url(line_nav.jpg) right center no-repeat;color:#353536;font-size:12px;}

#header .link_box a:hover {color:#ffd900;}

#header .link_box a.last{ padding-right:0; background:none;}



#logo_area .main_box{ height:130px;}

#logo{   position:absolute; top: 0px; left:0px; z-index:3; display:table; height:130px;}

#logo a { display:table-cell; vertical-align:middle;}



#header .top_tel{   position:absolute; top:0px; right:270px;   padding-left:50px;height:130px;  background:url(icon_top_tel.png) left center no-repeat; }

#header .top_tel span{   display:block; padding-top: 42px;color:#353536;font-size:14px;}

#header .top_tel strong{  display:block;color:#353536; font-weight:bold;   font-size:24px;   }

#header .content_link{position:absolute;top:47px;right:0px;display:block; }

#header .content_link a{ display:inline-block; margin-left:15px;}

#header .content_link a:hover img{   }

 

/*=================导航=================*/

#nav_box{ position:relative; z-index:999; height:64px; background:url(bg_nav.png) center top no-repeat;}

#nav {position:absolute; top:0; right:0;z-index:1;  height:50px; }

#nav ul{   }

#nav li{ float:left; position: relative; display:block; width:110px;height:50px;background:url(line_nav2.jpg) no-repeat right;color:#fff;text-align:center;font-weight:700;font-size:15px;line-height:50px;}

#nav li .a{    position:relative;  display: block; width:110px;  }

#nav li .a strong{ position:relative; z-index:2; display:block; color:#fff; font-size:15px; }

#nav li .a span{position:absolute; top:0; left:0; display:block; width:100%; text-align:center; }

#nav li .a i{ z-index:1; display:block; margin:0 auto;  width:0; height:2px; background:#ffd900; }

#nav .on .a i{ width:105px;}

#nav .on .a strong,#nav .on .a span{ color:#ffd900;}

#nav li .a:hover i{width:105px; }

#nav li .a:hover span,#nav li .a:hover strong{ color:#ffd900;}

 #nav  .list{ display:none; left:0px; top: 50px;  position:absolute; z-index:2; width:100%;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8FFD900', endColorstr='#D8FFD900');background:rgba(255,217,0,0.85);}
#nav  .list .box{ padding: 10px 0;}
#nav  .list a{ font-weight:normal; margin:0 10px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; background:none; height:30px; color:#333 !important; text-align:center;  line-height:30px;  font-size:12px; display:block;  }
#nav  .list a:hover{ color:#fff !important; text-decoration: underline;}

 

#index_icon_link{ position:absolute; top:15px; left:0; width:295px;}

#index_icon_link span{ color:#353536; font-size:14px;}

#index_icon_link a{ display:inline-block;  margin-left:15px; height:35px; line-height:35px;}

#index_icon_link a img.icon{ width:32px; height:32px; vertical-align:middle;}

#index_icon_link a:hover img.icon{-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */transform:rotateY(180deg);}

#index_icon_link .ewm_box{ position:relative; }

#index_icon_link .ewm_box .ewm{ position:absolute; top:60px; left:-25px; z-index:999; width:70px; height:70px; opacity:0; filter:alpha(opacity=0);}

#index_icon_link .ewm_box .ewm img{ display:block;  width:80px; height:80px;  }

#index_icon_link .ewm_box:hover .ewm{ top:50px; opacity:1; filter:alpha(opacity=100);}





/*================= banne===================*/

#banner{ position:relative; margin-top:-15px; height:500px; overflow:hidden; width:100%;max-width:1920px;margin:0 auto;}

#banner .bd { position:relative;}

#banner .bd a{ display:block; width:100%; height: 500px;}

#banner .hd{ position:absolute;margin:0 auto; width:100%;}

#banner .hd ul{ position:relative; z-index:9; display:inherit; margin:0 auto; margin-top:-50px; width:100%; height:40px;/* border-top:1px solid #56585c; */ text-align:center;  }

#banner .hd ul li{ display:inline-block; padding-top:13px;}

#banner .hd ul li a{ display:block; margin:0 3px; width:8px;height:8px; border-radius:4px; background:#000;   }

#banner .hd ul li a:hover{ width:30px; background:#ffd900;}

#banner .hd ul .on a{  width:30px;  background:#ffd900;}

#banner  .bnt{ position:absolute;  top:50%; z-index:3; margin-top:-70px;}

#banner  .bnt:hover{ }

#banner .prev{ position:absolute; left:-54px; }

#banner .next{ position:absolute; right:-54px; }

#banner:hover .prev{left:50px;  opacity:1; filter:alpha(opacity=100);}

#banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);}



  

/*==============footer=====================*/

#footer{ height:438px; background:url(bg_fot.jpg) center 90px no-repeat;}

#footer .up_box{ padding:50px 0; height:200px;}



/*=============底部导航================*/   

#fot_nav{   float:left; min-height:200px; border-right:1px solid #3d3d42;}

#fot_nav ul{ display:inherit; text-align:left;}

#fot_nav li{ display:inline-block; margin-right: 30px; vertical-align:top;}

#fot_nav li .content a{display:block;color:#fff;font-size:12px; line-height:24px; opacity:0.5; filter:alpha(opacity=50);}

#fot_nav li .content a:hover{ text-decoration:underline; opacity:1; filter:alpha(opacity=100);}

#fot_nav li h1 a{ display:block;margin-bottom:15px; margin-bottom:15px;color:#fff;font-size:14px;}



/*=============底部留言================*/   

#footer .fot_form{ float:right; width:670px;}

#footer .fot_form h1.title{ display:block; margin-bottom:25px; color:#fff; line-height: 14px;}

#footer .fot_form h1.title strong{ padding-right:10px;text-transform:uppercase; font-size: 16px; font-family: "SimHei";}

#footer .fot_form h1.title span{ font-size: 14px; font-family: "SimHei";  }

#footer .fot_form form{margin-left: -15px; }

#footer .fot_form .text{ float:left; display:block; margin-bottom:15px; margin-left:15px; padding:0 10px; width: 191px; height:35px; border:1px solid #38373d; background:none; color:#676c77; font-size:12px; line-height:33px;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F222226', endColorstr='#7F222226');}

#footer .fot_form .md{ float:left;}

textarea{ resize:none;}

#footer .fot_form  .yzm_box{ position:relative;}

#footer .fot_form  .yzm_box .yzm{ position:absolute; top:0; right: 0px; height:35px; border:1px solid #4f4f4f;}

#footer .fot_form textarea{  float:left; margin-left:15px; padding:10px; width: 419px; height: 80px; border:1px solid #38373d; color:#676c77; font-size:12px; line-height:20px; resize:none;background:none;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F222226', endColorstr='#7F222226');}

#footer .fot_form .submit { position:absolute; top: 75px; right:0; margin-top:20px; width: 214px; height: 38px; border:none; background:url(bg_sumit.png) center no-repeat #ffd900; color:#fff; text-align:center; font-size:18px;}

#footer .fot_form .submit:hover{  background:url(bg_sumit.png) 30px no-repeat #ffd900;}



/*=============底部版权================*/ 

#footer .un_box{  position:relative; text-align:center;}

#footer .un_box .main_box{ position:relative;}

#footer .un_box p{color:#737476; font-size:12px;  }

#footer .un_box p a{ color:#737476;}

#footer .un_box p a:hover{ color:#fff; text-decoration:underline;}





#fot_contact{position:relative;margin-top:50px;width:100%;height:90px;background:#ffd900; line-height:90px;}

#fot_contact .content span{ display:inline-block; padding-right:70px; padding-left:25px;color:#000; font-size:12px; line-height:90px;}

#fot_contact .li1{background:url(icon_fooder_up1.png) left center  no-repeat;}

#fot_contact .li2{background:url(icon_fooder_up2.png) left center no-repeat;}

#fot_contact .li3{background:url(icon_fooder_up3.png) left center no-repeat;}

#fot_contact span a{color:#000;font-size:12px;  }

#fot_contact span a:hover{ text-decoration:underline;}



#fot_contact .ewm_box{ position:absolute; top:0; right:0; cursor:pointer;}

#fot_contact .ewm_box span{display:block; padding-right:30px;height:90px;background:url(icon_fooder_up4.png) right center no-repeat;color:#000;font-size:12px; line-height:90px;}

#fot_contact .ewm{position:absolute;top:100px; right:5px; z-index:999; height:80px; opacity:0;  filter:alpha(opacity=0);}

#fot_contact .ewm img{ display:block;  width:80px; height:80px;  }

#fot_contact .ewm_box:hover .ewm{ top:95px; opacity:1; filter:alpha(opacity=100);}



 

/*=============首页================*/

#s_main_box { position:relative; background: url(bg_s_fot.jpg) center bottom no-repeat;   }

.s_title{ position:relative; margin-bottom:30px;}

.s_title h1{ display:block; margin-bottom:10px; color:#353536; text-align:center; font-weight:bold; font-size:30px;}

.s_title strong{ color:#303032; font-weight:bold;  font-size:20px; }

.s_title span{ padding-right:10px; color:#ffd900; text-transform:uppercase;  font-weight:bold; font-size:18px;}

.s_title p{ color: rgba( 53, 53, 54, 0.741 ); text-align:center; font-size:14px;}

.s_title .more{ position:absolute; top:0; right:0; color:#7c7d7f; font-size:12px; line-height:24px;}

.s_title .more:hover { color:#ffd900; text-decoration:underline;}

 



/*=============搜索================*/ 

#s_search{width:100%;height:50px;border-bottom:1px solid #e5e6e8;background:#f7f7f9;}

#s_search{ }

#s_search .search_word span{display:inline-block;margin-right:10px;height:50px;color:#363636;font-weight:700;font-size:14px;line-height:50px;}

#s_search .search_word  a{display:inline-block;margin-right:12px;height:50px;color:#363636;font-size:12px;line-height:50px;transition:.6s;}

#s_search .search_word  a:hover{ color:#ffd900; text-shadow:1px 1px 1px #666; }

#j_search_box{ position:absolute; top:0; right:0;}

#j_search_box form{ position:relative;}

#j_search_box input[type=text]{margin-top:10px;margin-right:80px;padding-left:35px;width:180px;height:28px; line-height:28px;outline:0;border:1px solid #dcdbdd;background:url(icon_search.png) no-repeat 10px center #fff;color:#b0b0b1;font-size:12px;}

#j_search_box input[type=text]::-webkit-input-placeholder{color:#b0b0b1;font-size:12px;}

#j_search_box input[type=submit]{position:absolute;top:10px;right:0;width:80px;height:30px;border:none;background:#333;color:#fff;font-size:14px;cursor:pointer;}



/*===============首页产品==============*/ 

#s_pro{ padding:45px 0;}

 

/*================= 首页产品===================*/

#s_pro .n_right{ overflow:hidden; }

#s_pro .left{ }

#s_pro .left { float:left;  overflow:hidden; width:220px; border:1px solid #e9e9ec;}

#s_pro .left .title{ padding-left:65px; height:90px; background:url(icon_sub_nav.png) 20px 30px no-repeat #ffd900;}

#s_pro .left .title strong{ display:block; display:block; padding-top: 26px;   color:#353536; text-transform:uppercase; font-weight:bold; font-size:14px;}

#s_pro .left .title span{ display:block; display:block; color:#353536; font-weight:bold; font-size:16px; } 



#s_pro .left .content{ padding:15px 0 30px 0; background:#f7f7f9;}

#s_pro .left  a{ display:block; margin-top:-1px; height:55px;  background:url(bg_s_left.png) -200px bottom no-repeat; }

#s_pro .left  a strong{ position:relative; display:block; overflow:hidden; margin:0 auto; width:175px; height:53px; border-bottom:1px solid #e1e1e3; color:#303032; font-size:14px; line-height:53px;}



#s_pro .left .on {  background:url(bg_sub_li.png) left bottom  no-repeat; color:#fff;}

#s_pro .left .on strong{ border-bottom:1px solid #353536; color:#fff;}
#s_pro .left  a:hover { background:url(bg_sub_li.png) left bottom  no-repeat; color:#fff;}

#s_pro .left  a:hover strong{ border-bottom:1px solid #353536; color:#fff;}

#s_pro .tel_box{ height:160px; background:url(bg_pro_tel.jpg) center top no-repeat;}

#s_pro .tel_box strong{ display:block; padding-top:105px; color:#fff; text-align:center; font-weight:bold; font-size:25px;}



/*==================产品中心=================*/

#s_pro{ }

#s_pro{ overflow:hidden;}

#s_pro ul { overflow:hidden; margin:-18px;}

#s_pro li{ float:left; display:block; margin:29px 17px !important; width:210px; }

#s_pro li a{ display:block; width:210px; }

#s_pro li img{ width:208px; height:175px; border:1px solid #e3e2e5; }

#s_pro li h1{ display:block;overflow:hidden; margin-top:10px; padding:0 10px; color:#616064; text-align:center;text-overflow: ellipsis; white-space: nowrap; font-size:14px;}

#s_pro li a:hover h1{ color:#ffd900;  }



/*==================伙伴=================*/

#s_partner{ height:403px; background:url(bg_partner.jpg) center top no-repeat;}

#s_partner .s_title{ padding-top:65px;}

#s_partner .s_title img{ display:block; margin:0 auto;}

#s_partner .content{ position:relative;}

#s_partner .bd { position:relative; overflow:hidden; margin:0 auto; width: 1115px;}

#s_partner .bd li { float:left; display:block; margin-right:30px; width:200px;}

#s_partner .bd a{ display:block;   }

#s_partner .bd li img{ display:block; overflow:hidden; width:200px; height:138px;}

#s_partner .bd li h1{ display:block;overflow:hidden; margin-top:20px; color:#000; text-align:center;text-overflow: ellipsis; white-space: nowrap; font-size:14px;}

#s_partner .bd li:hover img{ border-radius:30px 0 30px 0; box-shadow:0 5px 10px #999;}

#s_partner .bnt{ position:absolute;  top:60px; z-index:3;}

#s_partner .bnt:hover{ }

#s_partner .prev{ position:absolute; left:0; }

#s_partner .next{ position:absolute; right:0; }



/*==================伙伴=================*/

#s_liyou{margin-top: 70px; margin-bottom:60px;}

#s_liyou .s_title img{display: block;margin: 0 auto;}

#s_liyou .content{position: relative;margin-top: 40px;height: 575px;}

#s_liyou .content li{position: absolute; display:block; overflow:hidden;}

#s_liyou .content .li1{top: 0;left: 0; width:515px; height:286px;}

#s_liyou .content .li2{top: 286px;left: 0; width:515px; height:286px;}

#s_liyou .content .li3{top: 0px;left: 513px; width:371px; height:572px;}

#s_liyou .content .li4{top: 0px;left: 884px; width:316px; height:286px;}

#s_liyou .content .li5{top: 286px;left: 884px; width:316px; height:285px;}



/*==================理由=================*/

#s_liyou .content .li1 img{ width:515px; height:286px;}

#s_liyou .content .li2 img{ width:515px; height:286px;}

#s_liyou .content .li3 img{ width:371px; height:572px;}

#s_liyou .content .li4 img{ width:316px; height:286px;}

#s_liyou .content .li5 img{ width:316px; height:285px;}



/*==================大事记=================*/

#s_dsj{margin-top:45px;width:100%;height:670px;background:url(bg_box3.jpg) no-repeat center}

#s_dsj .s_title{padding-top:85px}

#s_dsj{position:relative;margin:0 auto 0;width:100%}

#s_dsj .big_box{position:relative;margin:88px auto 60px auto;width:800px}

#s_dsj .big_box li{position:relative;display:block;display:none;overflow:hidden;height:130px}

#s_dsj .big_box ul li .pic_box{position:absolute;top:0;left:0;width:240x;height:130px}

#s_dsj .big_box ul li .pic_box img{display:block;width:240x;height:130px}

#s_dsj .big_box ul li .text_box{display:block;padding-left:260px}

#s_dsj .big_box ul li .text_box .title a{display:block;color:#346089;font-size:36px}

#s_dsj .big_box ul li .text_box .p{overflow:hidden;height:48px;color:#4e4e51;font-size:14px;line-height:24px}

#s_dsj .small_box{position:relative;overflow:hidden;width:100%;height:88px}

#s_dsj .small_list{position:relative;float:left;overflow:hidden;width:100%;height:60px;background:url(line_dsj.jpg) left 11px repeat-x}

#s_dsj .small_list ul{overflow:hidden}

#s_dsj .small_list ul li{position:relative;float:left;padding-top:27px;width:240px;background:url(line_dsj_li.jpg) center top no-repeat;text-align:center;cursor:pointer}

#s_dsj .small_list ul li h1{display:block;color:#50565d;text-align:center;font-size:18px}

#s_dsj .small_list ul li span{display:block;color:#ababac;text-align:center;font-size:12px}

#s_dsj .small_list ul li .bun_bg{position:absolute;top:0;left:0;z-index:9;display:none;width:100%;height:34px;background:url(icon_team_li_on.png) center top no-repeat}

#s_dsj .small_list ul .on h1{color:#3c5f7e;font-size:24px}

#s_dsj .btn{bottom:45px;display:block;width:15px;height:34px;cursor:pointer}

#s_dsj .small_bnt .left_btn{float:left;background-image:url(bnt_dsj_prev.png)}

#s_dsj .small_bnt .right_btn{float:right;background-image:url(bnt_dsj_next.png)}

#s_dsj   .left_btn{position:absolute; left:-70px; background:url(bnt_dsj_prev.png) center no-repeat; }

#s_dsj   .right_btn{ position:absolute; right:-70px; background:url(bnt_dsj_next.png) center no-repeat;}



/*==================案例=================*/

#s_case{ padding:75px;}

#s_case .s_title{ margin-bottom:40px;}

#s_case{ overflow:hidden;}

#s_case ul { overflow:hidden; margin:-20px;}

#s_case li{ float:left; display:block; margin:20px; width:270px; }

#s_case li a{ display:block; width:270px; }

#s_case li img{ width:270px; height:175px;  }

#s_case li h1{ display:block;overflow:hidden; margin-top:10px; padding:0 10px; color:#616064; text-align:center;text-overflow: ellipsis; white-space: nowrap; font-size:14px;}

#s_case li a:hover h1{ color:#ffd900; text-shadow:1px 1px 1px #666; }



/*==================广告图=================*/

#s_ad_box a{ display:block; }



/*=================关于=================*/

#s_about{ padding: 75px 0; height: 300px;   } 

#s_about .border{float:left;margin-top:200px;width:190px;height:168px;border:2px solid #ffd900;}

#s_about .organize{float:right;width:307px;height:418px;background:url(pic_about1.jpg) no-repeat;}

#s_about .organize a{ display:block; width:307px;height:418px;}

#s_about .organize span{float:right;display:block;width:125px;height:65px;background:#ffd900;color:#000;text-align:center;font-size:18px;line-height:65px;}



#s_about  .cart_box{position:absolute; bottom: 63px; left:15px;width:200px;height:300px;background:#353536;}

#s_about  .cart_box h2{margin-top:25px;color:#fff;font-size:18px; }

#s_about  .cart_box i{display:block; margin-top:18px;margin-bottom:15px;width:35px;height:2px;background:#ffd900;}

#s_about  .cart_box .box{display:block;margin-top:18px;margin-left:30px;width:132px;color:#fff;color:rgba(255,255,255,.6);font-size:12px;line-height:22px;}

#s_about  .text_box{position:absolute;top:55px;left:210px;width:765px;height:300px;background:#f6f6f7;}

#s_about  .text_box .p{display:block;margin-top:40px;margin-left:30px;width:695px;height:180px;color:#48484a;font-size:14px;line-height:28px;}

#s_about  .text_box .read a{display:block;margin-top:30px;margin-left:30px;width:118px;height:38px;border:1px solid #3b3b3c;color:#313232;text-align:center;text-transform:uppercase;font-size:12px;line-height:38px; }

#s_about  .text_box .read a:hover{background:#353536;color:#ffd900;}



/*=================服务=================*/

#s_service{margin-top:55px;width:100%;height:360px;background:url(bg_service.jpg) no-repeat center;}

#s_service li.left{float:left;}

#s_service li.right{float:right;}

#s_service li{position:relative;margin-bottom:25px; width:490px;}

#s_service li img{position:absolute;top:67px;left:0;display:block;}

#s_service li h2{margin-top:55px;margin-left:70px;color:#353536;font-weight:700;font-size:16px;line-height:36px;}

#s_service li p{display:block;margin-top:5px;margin-left:70px;width:380px;color:#353536;font-size:12px;line-height:20px;}



/*==============新闻资讯=====================*/

#s_news{ position:relative;  padding:65px 0 0px;}

#s_news .left{ position:relative;width:365px; }

#s_news .left .up{ position:relative;}

#s_news .left .up a{ display:block; overflow:hidden;width:365px; height:400px;}

#s_news .left img{width:665px; height:320px;}

#s_news .left:hover img{ opacity:.8; filter:alpha(opacity=80); }

#s_news .un h1 a{ display:block; padding:20px 0px 12px 0; color:#000; color:#001c39; font-size:14px;}

#s_news .un h1 a:hover{color:#ffd900; text-shadow:1px 1px 1px #999; } 

#s_news .un .p{ display:block; overflow:hidden; height:44px; color:#828283;font-size:12px;line-height:22px;}



#s_news .left  .date{ position:absolute; top:18px; left:18px; z-index:2; width:68px;height:70px;background:#ffd900;}

#s_news .left  .date strong{ display:block; color:#000;text-align:center;font-size:27px;line-height:44px;}

#s_news .left  .date span{display:block;color:#000;text-align:center;font-size:12px;}

 

#s_news .right{ width:800px;}

#s_news .right li{position:relative;margin-bottom:12px; padding:15px; padding-left:170px; height:65px;background:#f1f1f1; }

#s_news .right li .pic_box{ position:absolute;top:15px;left:15px; display:block; overflow:hidden; width:135px; height:65px;}

#s_news .right li img{ width:135px; height:65px;}

#s_news .right li img:hover{box-shadow:0 0 10px #888;}

#s_news .right li h1 a{ display:block; padding-top:2px; padding-bottom:10px;color:#373738; font-size:12px;}

#s_news .right li h1 a:hover{color:#ffd900; text-shadow:1px 1px 1px #666; }

#s_news .right li .p{ color:#aeaeae; font-size:12px;overflow:hidden;height:50px;  }



 

/*=======================内页==============================*/

.n_main_box{ position:relative; margin-top:30px; margin-bottom:50px;}

.n_banenr{ position:relative; overflow:hidden; margin-top:-15px; width:100%; height:246px;}

.n_banenr h1{ display:block; padding-top:50px; color: #f36825; text-transform: uppercase; font-weight:bold;font-size: 30px;} 

.n_banenr h2{  display:block; margin-top:0px; margin-bottom:10px; color: #fff;font-size: 24px;}

.n_banenr strong{  display:block; color: #797a7c;font-size: 14px;}

/*==============当前位置=====================*/

.position{ position:absolute; top:0px;  right:0px; padding-left:22px; background:url(icon_home.png) left center no-repeat; color:#8a8c8e; line-height: 30px;}

.position span, .position a, .position i{ color:#8a8c8e; font-size:12px;}

.position em{ color:#ebc904; font-style:normal; font-size:12px;}

.position a:hover{ color:#ebc904;}



/*==============n_content_left=====================*/

.n_left{ float:left;   overflow:hidden; width:225px;}

.n_left .title{ padding:23px 0; background:#ffd900; text-align:center;}

.n_left .title span{ display:block; display:block; color:#353536; font-weight:bold; font-size:18px; margin-bottom:3px;  }

.n_left .title strong{ display:block; display:block; color:#907d26; text-transform:uppercase;  font-size:10px; } 



#n_sub_nav{ margin-bottom:22px;}

#n_sub_nav .a{ display:block;  height:39px;  border:1px solid #e9e9e9; border-top:none;  background:url(icon_left_li.png) 200px center no-repeat; }

#n_sub_nav .a strong{ position:relative; display:block; overflow:hidden; margin:0 auto; width:175px; height:38px; color:#555555; font-size:14px; line-height:38px;}

#n_sub_nav .a:hover { border:1px solid #999999; border-top:none;  background:url(icon_left_li_on.png) 200px center  no-repeat  #353536; color:#555555;}

#n_sub_nav .a:hover strong{ color:#fff;  font-weight:bold;}

#n_sub_nav .on .a {border:1px solid #999999; border-top:none;background:url(icon_left_li_on.png) 200px center  no-repeat  #353536; color:#fff;}

#n_sub_nav .on .a strong{ color:#fff; font-weight:bold;}



.n_left .link_box a{ display:block; margin-bottom:10px;}

 

/*==============n_content_right=====================*/

.n_right{float:right; width:925px;  }

.n_title{ position:relative; height:30px;  border-bottom:1px solid #ccc; line-height:30px; }

.n_title h1{   display:inline-block; margin-bottom:0px; border-bottom:2px solid #ffd900; color:#444444; font-size:16px; }



/*===荣誉奖项===*/

#n_zizhi{   margin-top:10px;}

#n_zizhi ul { margin:-20px -11px; }

#n_zizhi li{ float:left; display:block; margin:22px 11px; padding:8px; width:175px;  box-shadow: 0px 0px 6px 0px #888;}

#n_zizhi li a{ display:block; }

#n_zizhi li img{ width:175px; height:120px;}

#n_zizhi li h1{ display:block; color:#6d6c72; text-align:center; font-size:12px; line-height:30px; }

#n_zizhi li a:hover h1{ color:#ffd900;}



/*==============n_content=====================*/

.n_content{ padding-top:30px; min-height:360px;}

 

#n_fc{ }

#n_fc{ overflow:hidden; margin-top:10px;}

#n_fc ul { margin:-13px; }

#n_fc li{ float:left; display:block; margin:13px; width:260px; }

#n_fc li a{ display:block; }

#n_fc li img{ width:260px; height:180px;}

#n_fc li h1{ display:block; margin-top:10px; height:36px; color:#616064; text-align:center; font-size:12px; line-height:18px; }

#n_fc li a:hover h1{ color:#ffd900;}



/*===================首页日记================*/

#photo_list{  }

#photo_list ul{ margin:-13px;}

#photo_list li{ position:relative; float:left; display:block; overflow:hidden; margin:13px; width:290px; height:230px;}

#photo_list li a{ display:block;}

#photo_list li .pic_box{ position:relative; background:#000; }

#photo_list li img{ display:block;width:290px; height:230px;}

#photo_list li .img{  }

#photo_list li .icon_play{ position:absolute; top:0; left:0; width:380px; height:260px; background:url(bnt_play.png) center no-repeat;} 

#photo_list li h1{ position:absolute; bottom:0; left:0; z-index:3; display:block; overflow:hidden;overflow:hidden; padding:0 20px; width:250px; height:0px;background:rgba(0,0,0,0.67);  color:#fff; text-align:center;text-overflow: ellipsis; white-space: nowrap; font-size:14px; line-height:40px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#AA000000', endColorstr='#AA000000');}

#photo_list li:hover h1{ height:40px;}



/*==========================================产品列表=============================================*/

#n_case{ }

#n_case ul{ margin:0 -17px; }

#n_case li{  position:relative; float:left;  display:block; margin:30px 16px 0 17px;  width:285px;   background:#ebeef2; }

#n_case li a{ display:block;  overflow:hidden;}

#n_case li img{ display:block; width:285px; }

#n_case li h1{  display:block;overflow:hidden; padding:0 20px;  width: 230px; background:url(view.png) 200px center no-repeat; color:#636363;text-overflow: ellipsis; white-space: nowrap;  font-size:14px; line-height:55px; }

#n_case li i{ display:block; background:#ffd900; height:3px; width:0; position:absolute; left:0; bottom:-2px;}

#n_case li:hover i{ width:100%;   }
#n_case .proview img{ float:right;width:80px;height:30px;margin-right:10px;}

 
/*==========================================相册列表=============================================*/

#p_case{ }

#p_case ul{ margin:0 -17px; }

#p_case li{  position:relative; float:left;  display:block; margin:30px 16px 0 17px;  width:285px;   background:#fff; }

#p_case li a{ display:block;  overflow:hidden;}

#p_case li img{ display:block; width:285px; }

#p_case li h1{  display:block;overflow:hidden; padding:0 20px;  width: 230px; background:url(view.png) 200px center no-repeat; color:#636363;text-overflow: ellipsis; white-space: nowrap;  font-size:14px; line-height:55px; }

#p_case li i{ display:block; background:#ffd900; height:3px; width:0; position:absolute; left:0; bottom:-2px;}

#p_case li:hover i{ width:100%;   }
#p_case .proview img{ float:right;width:80px;height:30px;margin-right:10px;}


/*==================产品中心=================*/

#n_pro{ }

#n_pro{ overflow:hidden; margin-top:10px;}

#n_pro ul { margin:-17px; }

#n_pro li{  float:left; display:block; margin:17px; width:205px;  }

#n_pro li a{ display:block; }

#n_pro li img{ width:205px; height:170px; }

#n_pro li h1{ display:block;overflow:hidden; padding:0 20px;   color:#444444; text-align:center;text-overflow: ellipsis; white-space: nowrap; font-size:14px; margin-top:10px;}

#n_pro li:hover h1{  color:#ffd900; }



/*===================产品详情===============*/

.n_product_show{ }

 

#n_product_show .up_box{ background:#fff;}

#n_product_show .up_box #big_pic{ width:490px;  float:left;}

#n_product_show .up_box .content{ position:relative; }

#n_product_show .up_box .title{ display:block; border-bottom:1px solid #efefef; padding-bottom:30px; text-align:center; font-size:24px; font-weight:bold; color:#444444;}



#n_product_show .up_box .text_box{ float:right; padding:15px 0px 20px 0; width:400px; }

#n_product_show .up_box .text_box h1{ font-size:16px; margin-bottom:15px; text-transform:uppercase; color:#444444; font-weight:bold; display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_product_show .up_box .text_box .ar_article{ font-size:14px; height: 180px; overflow:hidden; line-height:26px; color:#666;}

#n_product_show .up_box .text_box .ar_article p{ margin-bottom: 0px; padding-bottom: 0px;}

#pro_share_box{ position:relative;}

#pro_share_box strong{ color:#4a4957; font-weight:normal; font-size:12px;}

#pro_share_box .shart_box{ top:-10px; left:10px;}



#n_product_show .up_box .un{ padding-top:25px;border-top:1px dotted #c6c6c6;}

#n_product_show .up_box .tel_box{ margin-bottom:15px; }

#n_product_show .up_box span{ font-size:12px; color:#444444;}

#n_product_show .tel_box strong{ padding-left:10px; font-size:25px;  color:#e0c009;}

#n_product_show .up_box .link_box .box{ display:inline-block; position:relative;  margin-right: 10px;}

#n_product_show .up_box .link_box a.box:hover{ margin-top:-5px;}

.ewm_box{ cursor:pointer; position:relative;}

.ewm_box .ewm{  position:absolute; right:-80px; top:0; opacity:0;filter:alpha(opacity=0); z-index:3;}

.ewm_box:hover .ewm{ opacity:1;filter:alpha(opacity=100); }



#n_product_show .un_box{ padding-top:30px;}

#n_product_show .un_box .title{ height:30px;  line-height:30px; border-bottom:1px solid #e4e4e4;}

#n_product_show .un_box .title strong{ display:inline-block; padding:0 15px; background:#ffd900; color:#353536; font-size:16px; }

#n_product_show .un_box .title span{ display:inline-block; padding-left:10px; color:#2d95a2; text-transform:uppercase; font-size:12px;  font-family: "Arial";}

#n_product_show .un_box  .content{ padding:40px 0px 20px 0px;  }
#n_product_show .un_box  .procon p{ padding:0px !important;margin:0px !important;-webkit-margin-after:0px;-webkit-margin-before:0px;line-height:0px;}
#n_product_show .un_box  .procon img{ padding:0px !important;margin:0px !important; }



 

 

  

/*==============新闻=====================*/

#n_news .up_box{ }

#n_news .up_box .date_box{ position:absolute; top: 40px; right:40px; width:60px; background:url(bg_titme.png) center no-repeat; text-align:center; font-weight:normal;  }

#n_news .up_box .date_box strong{ color: #888888; font-size: 20px; font-family: "Arial";}

#n_news .up_box .date_box span{ display:block; padding-top:10px; color:#888888; font-size: 15px;  font-family: "Arial";}

#n_news .up_box  li{ position:relative; display:block; margin-bottom:40px; padding:15px; padding-right:0; background:#f9f9f9;}

#n_news .up_box  li .fl{ width:255px;}

#n_news .up_box  li .fl  img{ width:255px; height:170px; }

#n_news .up_box  li .fr{  position:relative; padding-right:140px; width:475px; height: 170px; }

#n_news .up_box  li .fr h1{ display:block; padding-top:30px;}

#n_news .up_box  li .fr h1 a{   display:block;  color:#ffd900;  font-size:16px;   }

#n_news .up_box  li .fr span{position:absolute; bottom:0; left:0; display:block;   color:#adadad;  font-size:12px; }

#n_news .up_box  li .fr h1 a:hover{ color:#ba9e6d;  }

#n_news .up_box  li .fr .more{ position:absolute; right:37px; bottom:30px; display:block;  width:38px; height:38px;    background:url(bnt_more_news.png) center no-repeat; color:#fff; font-size:12px; line-height:32px;}

#n_news .up_box  li .fr .more:hover{  background:url(bnt_more_news.png) center no-repeat;}

#n_news .up_box  li .fr p{ overflow:hidden; padding-top:20px; width: 455px; height:72px; color:#999999; font-size:12px; line-height:24px;}



/*==============新闻资讯=====================*/

.n_news { overflow:hidden;}

.n_news ul{ }

.n_news li{ display: block; padding-bottom: 30px; height:130px; border-bottom: 1px solid #e3e4e5; margin-top: 30px;}

.n_news li .fl{width:275px;}

.n_news li .fl img{ width:275px; height:130px;}

.n_news li .fr{width: 615px; margin-top:15px;}

.n_news li span{ color:#c4c4c4; display:block; font-size:12px;}

.n_news li a{  display:block;  font-size:15px; color:#68686b; font-weight:bold; margin-bottom: 12px;}

.n_news li p{ line-height:20px; height:40px; overflow:hidden; padding-top:12px; font-size:12px; color:#7f7f83;}

.n_news li a:hover{ color:#ffc000;}



 /*==============新闻详情=====================*/

.n_article { margin-bottom:20px;}

.n_article .ar_title{ padding:10px 0 20px 0;  margin-bottom: 10px;}

.n_article .ar_title{ padding:0 0 5px 0; position:relative; border-bottom:1px solid #ebebec; }

.n_article .ar_title h1{ font-size:18px; margin-bottom:30px;  display:block; font-weight:bold; text-align:center; line-height:30px; color:#555555;}

.n_article .ar_title h2{ font-size:12px; position:relative;  display:block; background:#fff; height:40px; padding:0 10px; color:#999999; line-height:40px;}

.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}

#ar_fot{ position:relative; padding:15px 0 13px; border-top:1px dashed #e5e5e5; border-bottom:1px dashed #e5e5e5; }

#ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#777777; font-weight:bold;}

#ar_fot h1 a{ font-size:12px; color:#777777; font-weight:normal;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#000; background:#ffd900; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}

  

 

/*==============分享插件——银灵子=====================*/

.shart_box{ height:40px; position: absolute; right: 0; top: 26px;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{ padding-left:60px; position:relative;}

#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}

##j_shart_s_24 .bds_qzone{background:url(j_shart.png) center -224px no-repeat}

#j_shart_s_24 .bds_tsina{background:url(j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_tieba{background:url(j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}



  

/*==============招贤纳士=====================*/

#n_job{ margin:0px auto; margin-top:-12px;}

#n_job ul li{border-bottom:1px solid #e9e9ea; padding:0px 0 25px; margin-top:25px; position:relative;}

#n_job ul li  h1{   display:block; display:block;  }

#n_job ul li  h1 .a{color:#414142; width:600px; display:block; font-size:15px;  }

#n_job ul li  h1 .a:hover{ color:#ebc904; text-decoration:underline;}

#n_job ul li  span{ display:block; color:#a8aaab;  font-size:12px; padding:10px 0 13px;}

#n_job ul li  p{ color:#6d6e6f; font-size:12px; line-height:22px;}

#n_job ul li  .more{  display:block; background:#808182; text-align:center; color:#fff; height:30px; line-height:30px; width:95px; border-radius:5px;  font-size:14px; position:absolute; right:0; top:3px; }

#n_job ul li  .more:hover{ background:#ebc904; color:#fff; text-decoration:none;}

 

/*==============联系我们=====================*/

.n_contact{ position:relative; overflow:hidden; width:100%; }

.n_contact .info{ padding-top:15px; padding-bottom:30px; color:#666666; text-align:center; font-size:14px;}

.n_contact .info strong{ margin-top:15px; display:block;}

.n_contact .info img{ margin-top:15px;}



.n_contact .up_box { position:relative;   margin-bottom:40px; border:1px solid #dbdbdb;}

.n_contact .up_box .title span{ display:block; margin-bottom:15px; color:#51575f; font-size:12px;}

.n_contact .up_box .text_box{ padding: 45px 20px; width:530px; border-right:1px solid #dbdbdb;}

.n_contact .up_box .text_box .box{ padding-left:25px; background:url(icon_contact.png) left 8px no-repeat; color:#666666; font-size:14px; line-height:29px;}



.n_contact .map{ border:1px solid #dcdcdc;}

.n_contact .ewm_box{ position:absolute; top: 20px; right:0;  display:block; width:345px;}

.n_contact .ewm_box .box span{ display:block; margin-top:8px; color:#666666; text-align:center; font-size:12px;}

.n_contact .ewm_box img{ display:block; margin:0 auto; width:115px; height:115px;  }



 

/*==============分页——银灵子=====================*/

.page { margin:0px auto 0px auto;}

.page .box{display:inherit; padding-top: 50px; width:100%;  text-align: right;}

.page a{ display:inline-block; margin:0 2px; padding:0 11px; height:28px; border:1px solid #dcdcdc;  color:#fff; color:#444444; font-size:12px; line-height:28px; }

.page .on{border:1px solid #ffd900; background:#ffd900; color:#000 !important;}

.page span{border:1px solid #ffd900; background:#ffd900; color:#000 !important;}

.page a:hover{ border:1px solid #ffd900; background:#ffd900; color:#000 !important; text-decoration:none; }

.page a.u_bnt{-webkit-transition: all 1s; /* Safari 和 Chrome */-moz-transition: all 1s; /* Firefox 4 */

-o-transition: all 1s; /* Opera */ transition: all 1s;}



/*===============================================j_sub_contact===================================================*/
 #j_sub_contact{ position:fixed; right: 0; bottom: 50px; display: none;}
 #j_sub_contact ul{ position: relative;}
 #j_sub_contact ul li{ display: block; height: 50px; position: relative; margin-top: 2px;}
 #j_sub_contact ul li a{width: 50px; display: block;  border-radius:5px 0 0 5px ; overflow: hidden;}
 #j_sub_contact ul li img.icon{ display: block; vertical-align: middle; background: #fff; }
 #j_sub_contact ul li:hover{}
 #j_sub_contact ul li.ct_box a{ position: absolute; right: 0; top: 0; width: 50px; display: block;  line-height: 50px; height: 50px;}
 #j_sub_contact ul li.ct_box strong{ position: absolute; display: block; left: 55px; top: 0; color: #fff;}
 #j_sub_contact .ewm_box{ position: relative;}
 #j_sub_contact .ewm_box .ewm{ display: none; position: absolute; left: -55px; top: 0;}
 #j_sub_contact .ewm_box .ewm img{ height: 105px;}
 #j_sub_contact .ewm_box:hover .ewm{ display: block;}
 #j_sub_contact ul li.ct_box:hover a{width: 180px; }

 /*=================网站地图=================*/
#nav_right{width: 360px;height: 100%;position: fixed;right: -360px;text-align: left;top: 0;z-index: 9999;background:#fff;box-shadow: 0 0 8px #aaa;}
#nav_right .box{padding: 0;position: relative;height: 90%;}
#nav_right .title{display: block;position: relative;vertical-align: middle;margin-bottom: 20px;line-height: 70px;padding-left: 45px;font-size: 20px;color: #3a3936;background: #ffd900;}
#nav_right .title a{position: absolute;right: 45px;top: 2px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#nav_right .title a:hover{  transform:rotate(90deg);-webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);}
#nav_right dl{ height: 95.5%;}
#nav_right dd{padding-bottom: 20px;padding-left: 45px;margin-bottom: 25px;border-bottom:  #eaebec 1px solid;}
#nav_right dd h1{font-size: 16px;color: #252627;line-height:22px;margin-bottom:10px;}
#nav_right dd a{display: inline-block;font-size:12px;color: #636364;line-height: 30px;margin-right: 25px;}
#nav_right dd a:hover{color: #ffd900;}
#ascrail2000{ display:none !important;}


#flip{ margin-bottom:15px;margin-top:20px;}
.digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 span{ border:1px #CCCCCC solid; padding:2px 5px; margin:5px; color:#999}
.digg4 span:hover{ color:#333}
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}
.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.zhuangshu table{width:100%;margin-bottom:20px;}